<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- saved from url=(0038)http://dasha.ics.hawaii.edu:8200/home/ -->
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" xml:lang="en" lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
<!-- Use the chrome frame -->
<meta http-equiv="X-UA-Compatible" content="chrome=IE8">
<title>Kukui Cup : </title>

<link rel="stylesheet" href="http://dasha.ics.hawaii.edu:8200/site_media/static/css/default/jquery-ui.css">
<link rel="stylesheet" href="./stylesheets/screen.css">
<link rel="stylesheet" href="http://dasha.ics.hawaii.edu:8200/site_media/static/frontendadmin/css/frontendadmin.css">
<link rel="stylesheet" href="http://dasha.ics.hawaii.edu:8200/site_media/static/uni_form/uni-form.css">
<meta http-equiv="Powered by Ajile 1.2.1" content="ajile.iskitz.com :: Smart scripts that play nice ">
<link rel="stylesheet" href="http://dasha.ics.hawaii.edu:8200/site_media/static/css/default/logged_in_base.css">
<link rel="stylesheet" href="http://dasha.ics.hawaii.edu:8200/site_media/static/css/default/pages/home.css">
<!-- <link rel="stylesheet" href="./stylesheets/theme-new.css"> -->
<link rel="stylesheet/less" type="text/css" href="stylesheets/theme.less">
<link rel="stylesheet/css" type="text/css" href="stylesheets/theme-responsive.css" />
<script src="js/less-1.3.0.min.js" type="text/javascript"></script>

<body>
<div class="container">
  <div class="container-top">
    <div class="container-bottom">
      <div id="header">
        <div style="margin-top: 10px">
          <div id="header-logout">    
            <a id="header-feedback" href="javascript:void(0);">Send Feedback</a>
            <a href="http://dasha.ics.hawaii.edu:8200/account/cas/logout/?next=/landing/">Logout</a>
          </div>
          <div id="header-logo">
            <a href="home.html"><img src="./images/clearlogo.png" title="Home"></a>
          </div>
          <div id="header-info">
            <div id="header-avatar">
              <img src="./news_files/default_avatar.png">
            </div>
            <div id="header-user-info">
              <div id="header-user-username">
                &lt;george&gt;
              </div>
              <div id="user-cycle" style="position: relative; width: 120px; height: 61px; ">
                <!-- Third slideshow element -->
                <div id="header-user-floor-rank3" style="position: absolute; z-index: 3; top: 0px; left: 0px; display: block; width: 120px; height: 61px; opacity: 0.9676000000000001; ">
                  <div id="header-user-points">
                    <h3>88</h3>
                    <div id="header-text">points</div>
                  </div>
                  <div id="header-user-rank">
                    <h3>#1</h3>
                    <div id="header-text">out of 51 in Ilima-E</div>
                  </div>
                </div>
                <!-- Fourth slideshow element -->
                <div id="header-user-overall-rank4" style="position: absolute; top: 0px; left: 0px; display: block; width: 120px; height: 61px; z-index: 2; opacity: 0.03239999999999987; ">
                  <div id="header-user-points">
                    <h3>88</h3>
                    <div id="header-text">points</div>
                  </div>
                  <div id="header-user-rank">
                    <h3>#1</h3>
                    <div id="header-text">out of 1013 overall</div>
                  </div>
                </div>
              </div>
            </div>
            <div id="header-floor-info">
              <div id="header-floor-name">
                Ilima: Lounge E
              </div>
              <div id="floor-cycle" style="position: relative; width: 120px; height: 66px; "> 
                <div id="header-floor-overall-rank3" style="position: absolute; z-index: 3; top: 0px; left: 0px; display: block; width: 120px; height: 66px; opacity: 0.9676000000000001; ">
                  <div id="header-floor-points">
                    <h3>1338</h3>
                    <div id="header-text">points overall</div>
                  </div>
                  <div id="header-floor-rank">
                    <h3>#1</h3> 
                    <div id="header-text">out of 20 in all dorms</div>
                  </div>
                </div>
                <div id="header-floor-overall-rank4" style="position: absolute; top: 0px; left: 0px; display: block; width: 120px; height: 38px; z-index: 2; opacity: 0.03239999999999987; ">
                  <div id="header-floor-energy">
                    <h3 id="overall-energy-value">141</h3>
                     <div id="header-text">kWh used overall</div>
                  </div>
                  <div id="header-floor-rank">
                    <h3 id="overall-energy-rank">#14</h3> 
                    <div id="header-text">out of 20 in all dorms</div>
                  </div>
                </div>
              </div>
            </div>
            <div id="header-floor-image">
              <img src="./news_files/hale.ilima.jpg">
            </div>
          </div>  
          <div id="header-nav">
            <div class="selected-home">
              <div id="header-nav-links">
                <ul>
                  <li>
                    <a href="activities.html" class="activities">
                      <img src="./news_files/spacer.png">
                      <h4>Get Nutz</h4>
                    </a>
                  </li>
                  <li><a href="energy.html" class="energy">
                      <img src="./news_files/spacer.png">
                      <h4>Go Low</h4>
                    </a>
                  </li>
                  <li>
                    <a href="news.html" class="news">
                      <img src="./news_files/spacer.png">
                      <h4>News</h4>
                    </a>
                  </li>
                  <li>
                    <a href="prizes.html" class="prizes">
                      <img src="./news_files/spacer.png">
                      <h4>Prizes</h4>
                    </a>
                  </li>
                  <li>
                    <a href="profile.html" class="profile">
                      <img src="./news_files/spacer.png">
                      <h4>Profile</h4>
                    </a>
                  </li>
                  <li>
                    <a href="help.html" class="help">
                      <img src="./news_files/spacer.png">
                      <h4>Help</h4>
                    </a>
                  </li>
                </ul>
              </div>
            </div>
            <div id='underbar'> </div>
          </div>
          <div id='spacer'></div>
        </div>

      <div id="quest-box" style="clear: both">
        <div id="quest-header">
          <h3 id="quest-title">Your Quests</h3>
          <a href="http://dasha.ics.hawaii.edu:8200/news/?ref=nav-button#" style="float: right">
          <img src="./news_files/icon-help-sm.png" width="20" align="center" title="Click to get help about this window" onclick="toggleHelp(&#39;widget&#39;, &#39;quests&#39;); return false;"></a>
        </div>
        <div style="clear: both"></div>
		<ul id="quest-list">
          <li>
            <a href="javascript:void(0)" id="get-social" class="quest-title ">
              Get social
            </a>
          </li>
          
          <li>
            <a href="javascript:void(0)" id="get-fully-committed-badge" class="quest-title ">
              Get the Fully Committed badge
            </a>
          </li>
          
          <li>
            <a href="javascript:void(0)" id="check-lounge-energy-use" class="quest-title ">
              Check lounge energy use
            </a>
          </li>
        </ul>
        
        <div id="quest-details" style="margin: 0px 10px; display: none">
          <div id="quest-contents" style="clear:both"></div>
          <a href="javascript:void(0)" id="quest-hide">Close</a>
          <div style="clear:both"></div>
        </div>
      </div>
    </div>
  

    <div class="content" id="home-content">    
      <div id="home-center">
      <!-- Top Row-->
        <div id="home-activities" class="home-item">
          <a href="http://dasha.ics.hawaii.edu:8200/activities">
          <img id="home-activities-icon" src="./home_files/spacer.png" width="65" align="Left" height="65">
          </a>
          <div class="tile">
            <h6 id="home-activities-title">Get Nutz</h6>
            <p id="home-activities-content">
            Do activities and make committments<br>
            Earn Kukuicup points<br>
            See where you stand
            </p>
          </div>
        </div>
        <div id="home-energy" class="home-item">
          <a href="http://dasha.ics.hawaii.edu:8200/energy">
            <img id="home-energy-icon" src="./home_files/spacer.png" width="65" align="Left" height="65">
          </a>
          <div class="tile">
            <h6 id="home-energy-title">Go Low</h6>
            <p id="home-energy-content">
              Observe and Conserve Energy<br>
              Track conservation goals<br>
              Compare usage to others
            </p>
          </div>
        </div>
    
        <!-- Middle Row-->
        <div id="home-news" class="home-item">
        <a href="http://dasha.ics.hawaii.edu:8200/news">
        <img id="home-news-icon" src="./home_files/spacer.png" width="65" align="Left" height="65">
        </a>
          <div class="tile">
            <h6 id="home-news-title">News</h6>
            <p id="home-news-content">
            What are people doing?<br>
            Your public comments<br>
            Top activities and events
            </p>
            </div>
          </div>
    
          <div id="home-prizes" class="home-item">
            <a href="http://dasha.ics.hawaii.edu:8200/prizes">
            <img id="home-prizes-icon" src="./home_files/spacer.png" width="65" align="Left" height="65">
            </a>
            <div class="tile">
              <h6 id="home-prizes-title">Prizes</h6>
              <p id="home-prizes-content">
              See the prizes<br>
              Allocate your points<br>
              Monitor your chances
              </p>
          </div>
        </div>
    
        <div id="home-profile" class="home-item">
        <a href="http://dasha.ics.hawaii.edu:8200/profile">
        <img id="home-profile-icon" src="./home_files/spacer.png" width="65" align="Left" height="65">
        </a>
          <div class="tile">
            <h6 %="" get_id_and_classes="" "home-profile-title"="" %}="">Profile</h6>
            <p %="" get_id_and_classes="" "home-profile-content"="" %}="">
            Manage your Settings<br>
            Connect to facebook<br>
            Change your picture
            </p>
          </div>
        </div>
    
        <div id="home-help" class="home-item">
          <a href="http://dasha.ics.hawaii.edu:8200/help">
          <img id="home-help-icon" src="./home_files/spacer.png" width="65" align="Left" height="65">
          </a>
          <div class="tile">
            <h6 id="home-help-title">Help</h6>
            <p id="home-help-content">
            Get acquainted with the Kukuicup<br>
            Watch an introductory video<br>
            Learn the rules
            </p>
        </div>
      </div>
      <div style="clear:both"></div>
    </div>
  </div>
  
  <div id="footer">
      
  </div></div></div></div>
</body></html>